// less 全局变量

// layouts容器的全局样式变量
$layout-container-background-color: #f0f2f5;

// 侧边栏aside全局样式变量
$layout-aside-width: 200px;
$layout-aside-height: 100vh;
$layout-aside-menu-height: 50px;
$layout-aside-background-color: #343541;
$layout-aside-menu-active-color: #ffd04b;


// mobile
$device-phone: 500px;

// TODO 特别注意： 自定义变量的样式文件不能在 main.ts 中导入，否则会导致样式失效。必须交由 vite 中的 css 预处理器处理。也就是 vite.config.ts 中的 css.preprocessor 选项。